<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>海外保险</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="stylesheet" href="css/index.css">
   <style>
   body{
   	    background: #f6f6f6; 
   }
   #proFeatureTxt p{
   	    padding: 0.1rem 0;
   }
   .panel-list{
   	margin-bottom: 0.625rem !important;
   	border-top: none !important;
   }
    .panel-sub-list{
   	background:  #ffffff;
   }
   .sub-list-item{
   padding: 0.325rem 0 !important;
   	border-bottom: none !important;
   }
    .sub-list-item-title{
   	color: #646464;
   }
   .panel-list:last-child .panel-item {
   	border-bottom:none;
   }
   .panel-list.active .panel-item{
	    border-bottom: 1px solid #d2d2d2;
	}
	.panel-item{
		height: 2.5875rem !important;
    	line-height: 2.5875rem !important;
	}
	.arrow{
		    margin-top: 0.8875rem !important;
	}
   </style>
</head>
<body>
	<div class="bd">

		<!-- start 收益相关信息 -->
		<div class="section-box">

			<div class="section-item section-profile">
				<span class="color-left" id="name" style="color: #505050;font-size: 0.9375rem;"></span>
				<span class="profile-risk" style="float: right;">
					<img src="images/ologo.png" style="height:1.5rem;width:2.5rem;"/>
				</span>
			</div>

			<div class="section-item">
				<div class="info-left">
					<span class="color-left" style="color:#ff6633;">专业团队为你打理财富</span>
				</div>
			</div>

			<div class="section-item" style="background: #F3F2F2;">
				<div class="info-left" style="color:#a1a1a1;background: #f8f8f8;" id="proFeatureTxt">
				</div>
			</div>
		</div>
		<!-- end 收益相关信息 -->

		<!-- start 产品信息 -->
		<div class="panel-list-box" id="panelList">
		</div>
		<!-- end 产品信息 -->

	</div>

	<div class="alert-tips" id="alertTips">
        <div class="alert-tips-inner" id="alertTipsInner"></div>
    </div>

	<script type="text/html" id="panelListTmpl">
		<div class="panel-list active">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title1%>
			</div>
			<div class="panel-sub-list" style="background: #f8f8f8;">
				<%=it.content1%>
			</div>
		</div>
		<div class="panel-list">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title2%>
			</div>
			<div class="panel-sub-list" style="background: #f8f8f8;">
				<div class="sub-list-item">
					<div class="sub-list-item-title" style=""><%=it.content2.c_title1%><%=it.content2.c_content1%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title2%><%=it.content2.c_content2%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title3%><%=it.content2.c_content3%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title4%><%=it.content2.c_content4%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title5%><%=it.content2.c_content5%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title6%><%=it.content2.c_content6%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title7%><%=it.content2.c_content7%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title8%><%=it.content2.c_content8%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title9%><%=it.content2.c_content9%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title10%><%=it.content2.c_content10%></div>
				</div>
				<div class="sub-list-item">
					<div class="sub-list-item-title"><%=it.content2.c_title11%><%=it.content2.c_content11%></div>
				</div>
			</div>
		</div>
		<div class="panel-list">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title3%>
			</div>
			<div class="panel-sub-list" style="background: #f8f8f8;">
				<%=it.content3%>
			</div>
		</div>
		<div class="panel-list">
			<div class="panel-item" data-toggle="toggle" data-toggle-box=".panel-list">
				<i class="arrow"></i>
				<%=it.title4%>
			</div>
			<div class="panel-sub-list" style="background: #f8f8f8;">
				<%=it.content4%>
			</div>
		</div>
	</script>

	<!-- start 脚本加载 -->
	<script src="js/wxUtils.js"></script>
	<script src="js/zepto.min.js"></script>
	<script src="js/doT.js"></script>
	<script src="js/json2.js"></script>
	<script src="js/overseaSafe.js"></script>
	<!-- end 脚本加载 -->

</body>
</html>